<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>提交订单页</title>
		<link rel="stylesheet" href="js/layui/css/layui.css" />
		<link rel="stylesheet" href="css/confirm.css" />
	</head>
   
	<body>
		<div class="confirmorderpage">

			<div class="confirmorder-header">
				<div class="confirmorder-header-logo"></div>
				<div class="confirmorder-header-confirmgoods">
					<p>确认订单</p>
				</div>
			</div>
			<div class="confirmorder-shippingmethod">
				<div class="confirmorder-shippingmethod-title">
					<p>收货地址</p>
				</div>
				<div class="confirm-addnewaddress">
					<div class="confirm-addnewaddress-icon"></div>
				</div>
				<div class="id" style="display: none;"></div>
				<div class="confirm-modeofpayment"><span>支付方式</span>
					<div class="confirm-modeofpayment-value">
						<p>在线支付</p>
					</div>
				</div>
				<div class="confirm-shippingway"><span>配送方式</span>
					<div class="confirm-shippingway-value">
						<p>普通快递配送</p>
					</div>
				</div>
				<div class="confirm-bill"><span>发票</span>
					<div class="confirm-bill-receipt-list">
						<span class="confirm-bill-receipt-list-radio"><input type="radio" id="un-receipt" name="receipt-radio" value="1" checked=""></span>
						<label for="un-receipt">不开发票</label>
						<div class="confirm-bill-receipt-list-can">
							<span class="confirm-bill-receipt-list-radiocan">
							
							</span>
							<label for="un-receipt">开具发票</label>
						</div>
					</div>

				</div>
				<div class="confirm-item-page">
					<div class="confirm-item-page-title">商品信息
						<a href="http://mall.baofeng.com/cart">返回购物车 »</a>
					</div>
					<div class="confirm-item-page-summary">
						<div class="confirm-item-page-summary-first">商品</div>
						<div class="confirm-item-page-summary-second">单价</div>
						<div class="confirm-item-page-summary-third">数量</div>
						<div class="confirm-item-page-summary-fourth">小计</div>
					</div>
					<div class="confirm-selfoperation-nav">
						<div class="confirm-selfoperation ">
							<div class="confirm-selfoperation-first">暴风自营</div>
							<div class="confirm-selfoperation-second">&nbsp;</div>
							<div class="confirm-selfoperation-third">&nbsp;</div>
							<div class="confirm-selfoperation-forth">
								<p>运费0元</p>
							</div>
						</div>
						<div class="confirm-selfoperation-itemgood1">

							<div class="confirm-selfoperation-itemgood1-detail">
								<a href="http://mall.baofeng.com/product/100280/keepsku=4:99" target="_blank">
									<div class="confirm-selfoperation-itemgood1-detail-img"></div>
									<div class="confirm-selfoperation-itemgood1-detail-describe">
										<p style="color: #333;">暴风魔镜小Q 头控版</p>
										<p style="color: #979997;">版本：头控制版（无遥控器）</p>
									</div>

								</a>

							</div>
							<div class="confirm-selfoperation-itemgood1-price">99元</div>
							<div class="confirm-selfoperation-itemgood1-count">1</div>
							<div class="confirm-selfoperation-itemgood1-totalprice">99元</div>
						</div>
						<div class="confirm-selfoperation-itemgood2">

							<div class="confirm-selfoperation-itemgood1-detail">
								<a href="http://mall.baofeng.com/product/100280/keepsku=4:99" target="_blank">
									<div class="confirm-selfoperation-itemgood1-detail-img2"></div>
									<div class="confirm-selfoperation-itemgood1-detail-describe">
										<p style="color: #333;">暴风魔镜一体机 Matrix</p>
									</div>

								</a>

							</div>
							<div class="confirm-selfoperation-itemgood1-price">2799元</div>
							<div class="confirm-selfoperation-itemgood1-count">2</div>
							<div class="confirm-selfoperation-itemgood1-totalprice">5598元</div>
						</div>
					</div>

					<div class="confirm-submit">
						<div class="confirm-submit-detail">
							<div class="confirm-submit-goodscount">商品件数</div>
							<div class="confirm-submit-goodscountnum">2件</div>
						</div>
						<div class="confirm-submit-goodstotalprice">
							<div class="confirm-submit-goodsprice-1">总金额</div>
							<div class="confirm-submit-goodsprice-2">5697元</div>
						</div>
						<div class="confirm-submit-freight">
							<div class="confirm-submit-freight-1">运费</div>
							<div class="confirm-submit-freight-2">+0元</div>
						</div>
						<div class="confirm-due">

							<div class="confirm-due-1">应付</div>
							<div class="confirm-due-2">5697元</div>
						</div>
						<div class="confirm-inner">
							<button id="confirm-inner-button">提交订单</button>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="confirm-select-address"><div class="confirm-select-address-title"><span>新增收货地址</span></div>
		<div class="confirm-select-form">
			<ul>
			<li><input type="text"  placeholder="收件人姓名"/></li>
			<li><input type="text"  placeholder="手机号"/></li>
			<li class="confirm-select-place"><select name="">
				<option value="" >省份/直辖市</option>
				<option value="" >江苏省</option>
				<option value="" >浙江市</option>
				<option value="" >上海市</option>
			</select>
			<select name="">
				<option value="" >城市/地区</option>
			</select>
			<select name="">
				<option value="" >区/县</option>
			</select>
			
			</li>
			<li><input type="text"  placeholder="详细地址"/></li>
			<li><input type="text"  placeholder="邮政编码"/></li>
			<li><input type="text"  placeholder="标签，如家、公司、父母家"/></li></ul>
			<ul class="confirm-input-btns">
				<!--<li class="confirm-input-btns-1">保存</li>-->
				<!--<li class="confirm-input-btns-2">取消</li>-->
			</ul>
		</div>
		</div>

		</div>
			<script src="js/layui/layui.js"></script>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script>


			layui.use(['layer', 'jquery'], function() {
				var layer = layui.layer
				const $ = layui.jquery
		$(".confirm-addnewaddress-icon").click(function(){
			layer.open({
						type: 1,
						area: ['774px', '606px'],
						btn: ['保存', '取消'],
				yes: function(index, layero) {
					$.ajax({
						type: "get",
						url: "http:",
						async: true
					});
					layer.close(index)
				},
						content: $(".confirm-select-address")
					});
		})
				});
			$(".confirm-inner-button").click(function () {
				console.log(1)
			})
		</script>

	</body>

</html>